<template>
	<div class="app-contain bg-f3f5f7 of">
		<head-top></head-top>
		<section class="container">
			<div class="uc-main ">
				<div class="uc-m-box">
					<aside class="uc-m-left">
						<div class="uc-m-l-wrap" style="min-height: 766px;">
							<div class="uc-m-head">
								<div class="tac">
									
									<section class="u-elephant">
										<aside>
											<a href="javascript:;" @click="routerInfo"> 
												<img :src="domain + userInfo.avatar" width="60" height="60" v-if='userInfo.avatar'>
												<img src="../../../static/image/avatar-boy.gif" width="60" height="60" v-else>
												
											</a>
											<p class="avator-edit txtOf"> <span class="" title="" href="javascript:;"> {{userInfo.position.name}}&nbsp;&nbsp;</span> </p>
										</aside>
									</section>
									<section class="u-h-user">
										<h4 class="hLh30">  <span class="fsize16 c-fff vam">{{userInfo.name}}</span> </h4>
										<!--<div class="mt15 hLh20 tac integ-wrap">
											<section class="col-50">
												<a href="/uc/credit" title="学分"> <span class="c-fff fsize14 vam">0</span>
													<p>学分</p>
												</a>
											</section>
											<section class="col-50">
												<a href="/uc/myinte" title="积分"> <span class="c-fff fsize14 vam integrate-box">120</span>
													<p>积分</p>
												</a>
											</section>
										</div>-->
									</section>
								</div>
							</div>
							<menu class="uc-m-l-menu">
								<router-link to="course"><dl id="leftdl_course"> <dt ><em class="my-course-icon"></em><a href="javascript:;"  title="我的课程" >我的课程</a></dt> </dl></router-link>
								<router-link to="exam"><dl id="leftdl_course"> <dt><em class="my-integrate-icon"></em><a href="javascript:;" title="我的考试" >我的考试</a></dt> </dl></router-link>
								<router-link to="plan"><dl id="leftdl_task"> <dt><em class="my-train-icon"></em><a href="javascript:;" title="我的培训">我的培训</a></dt> </dl></router-link>
								<router-link to="book"><dl id="leftdl_task"> <dt><em class="open-course-icon"></em><a href="javascript:;" title="我的证书">我的证书</a></dt> </dl></router-link>
								<!--<dl id="leftdl_study"> <dt><em class="history-icon"></em><a href="https://t.nxb100.com/uc/study" title="学习记录">学习记录</a></dt> </dl>
								<dl id="leftdl_credit"> <dt><em class="my-integrate-icon"></em><a href="https://t.nxb100.com/uc/credit" title="我的学分">我的学分</a></dt> </dl>
								<dl id="leftdl_cert"> <dt><em class="paper-certificate-icon"></em><a href="https://t.nxb100.com/uc/cert" title="我的证书">我的证书</a></dt> </dl>
								<dl> <dt><em class="live-cou-icon"></em><a target="_blank" href="/front/mySns" title="我的社区">我的社区</a></dt> </dl>
								<dl id="leftdl_library"> <dt><em class="library-icon"></em><a href="https://t.nxb100.com/uc/library/list" title="企业文库">企业文库</a></dt> </dl>-->
								<router-link to="info"><dl id="leftdl_uinfo"> <dt ><em class="sys-set-icon"></em><a href="javascript:;" title="账号设置" >账号设置</a></dt> </dl></router-link>
							</menu>
						</div>
					</aside>

					<article class="uc-m-content">
						<router-view></router-view>
					</article>
				</div>
			</div>

		</section>
		<foot-bootom></foot-bootom>
	</div>
</template>

<script>
	import { domainUrl } from '@/utils/index'
	import headTop from '@/components/header/header'
	import footBootom from '@/components/footer/index'
	export default {
		components: { //引入组件
			headTop,
			footBootom

		},
		name: 'home',
		created(){
			this.domain = domainUrl();
			
		},
		computed: {
			userInfo() {
				return this.$store.getters.getStorageInfo;
			}
		},
		data() {
			return {
				routerName:"course",
				domain:'',
				
			}
		},
		methods:{
			routerInfo(){
				this.$router.push({
					path:'info'
				})
			}
		}
	}
</script>

<style scoped lang="scss">
@import '../../assets/style/uCenter-nxb.scss'
</style>